@charset "UTF-8"; 

.badge, .dll-row, .label, .oneline, .user-show {
	overflow: hidden
}

.mgauto {
	margin-left: auto !important;
	margin-right: auto !important
}

.mgt-5 {
	margin-top: 5px
}

.mgt-10 {
	margin-top: 10px
}

.mgt-15 {
	margin-top: 15px
}

.mgt-20 {
	margin-top: 20px
}

.mgt-25 {
	margin-top: 25px
}

.mgt-30 {
	margin-top: 30px
}

.mgt-35 {
	margin-top: 35px
}

.mgt-40 {
	margin-top: 40px
}

.mgt-45 {
	margin-top: 45px
}

.mgt-50 {
	margin-top: 50px
}

.mgt-55 {
	margin-top: 55px
}

.mgt-60 {
	margin-top: 60px
}

.mgb-5 {
	margin-bottom: 5px
}

.mgb-10 {
	margin-bottom: 10px
}

.mgb-15 {
	margin-bottom: 15px
}

.mgb-20 {
	margin-bottom: 20px
}

.mgb-25 {
	margin-bottom: 25px
}

.mgb-30 {
	margin-bottom: 30px
}

.mgb-35 {
	margin-bottom: 35px
}

.mgb-40 {
	margin-bottom: 40px
}

.mgb-45 {
	margin-bottom: 45px
}

.mgb-50 {
	margin-bottom: 50px
}

.mgb-55 {
	margin-bottom: 55px
}

.mgb-60 {
	margin-bottom: 60px
}

.mgl-5 {
	margin-left: 5px
}

.mgl-10 {
	margin-left: 10px
}

.mgl-15 {
	margin-left: 15px
}

.mgl-20 {
	margin-left: 20px
}

.mgl-25 {
	margin-left: 25px
}

.mgl-30 {
	margin-left: 30px
}

.mgl-35 {
	margin-left: 35px
}

.mgl-40 {
	margin-left: 40px
}

.mgl-45 {
	margin-left: 45px
}

.mgl-50 {
	margin-left: 50px
}

.mgl-55 {
	margin-left: 55px
}

.mgl-60 {
	margin-left: 60px
}

.mgr-5 {
	margin-right: 5px
}

.mgr-10 {
	margin-right: 10px
}

.mgr-15 {
	margin-right: 15px
}

.mgr-20 {
	margin-right: 20px
}

.mgr-25 {
	margin-right: 25px
}

.mgr-30 {
	margin-right: 30px
}

.mgr-35 {
	margin-right: 35px
}

.mgr-40 {
	margin-right: 40px
}

.mgr-45 {
	margin-right: 45px
}

.mgr-50 {
	margin-right: 50px
}

.mgr-55 {
	margin-right: 55px
}

.mgr-60 {
	margin-right: 60px
}

.pdt-5 {
	padding-top: 5px
}

.pdt-10 {
	padding-top: 10px
}

.pdt-15 {
	padding-top: 15px
}

.pdt-20 {
	padding-top: 20px
}

.pdt-25 {
	padding-top: 25px
}

.pdt-30 {
	padding-top: 30px
}

.pdt-35 {
	padding-top: 35px
}

.pdt-40 {
	padding-top: 40px
}

.pdt-45 {
	padding-top: 45px
}

.pdt-50 {
	padding-top: 50px
}

.pdb-5 {
	padding-bottom: 5px
}

.pdb-10 {
	padding-bottom: 10px
}

.pdb-15 {
	padding-bottom: 15px
}

.pdb-20 {
	padding-bottom: 20px
}

.pdb-25 {
	padding-bottom: 25px
}

.pdb-30 {
	padding-bottom: 30px
}

.pdl-5 {
	padding-left: 5px
}

.pdl-10 {
	padding-left: 10px
}

.pdl-15 {
	padding-left: 15px
}

.pdl-20 {
	padding-left: 20px
}

.pdl-25 {
	padding-left: 25px
}

.pdl-30 {
	padding-left: 30px
}

.pdr-5 {
	padding-right: 5px
}

.pdr-10 {
	padding-right: 10px
}

.pdr-15 {
	padding-right: 15px
}

.pdr-20 {
	padding-right: 20px
}

.pdr-25 {
	padding-right: 25px
}

.pdr-30 {
	padding-right: 30px
}

.pd-5 {
	padding: 5px
}

.pd-10 {
	padding: 10px
}

.pd-15 {
	padding: 15px
}

.pd-20 {
	padding: 20px
}

.pd-25 {
	padding: 25px
}

.pd-30 {
	padding: 30px
}

.pd-40 {
	padding: 40px
}

.pd-50 {
	padding: 50px
}

.bdc {
	border: 1px solid #ccc
}

.bdd {
	border: 1px solid #ddd
}

.bde {
	border: 1px solid #eee
}

.blc {
	border-left: 1px solid #ccc
}

.brc {
	border-right: 1px solid #ccc
}

.btc {
	border-top: 1px solid #ccc
}

.bbc {
	border-bottom: 1px solid #ccc
}

.bld {
	border-left: 1px solid #ddd
}

.brd {
	border-right: 1px solid #ddd
}

.bbe, .bre {
	border-right: 1px solid #eee
}

.btd {
	border-top: 1px solid #ddd
}

.bbd {
	border-bottom: 1px solid #ddd
}

.ble {
	border-left: 1px solid #eee
}

.bte {
	border-top: 1px solid #eee
}

.fs-12 {
	font-size: 12px
}

.fs-14 {
	font-size: 14px
}

.fs-16 {
	font-size: 16px
}

.fs-18 {
	font-size: 18px
}

.fs-20 {
	font-size: 20px
}

.fs-22 {
	font-size: 22px
}

.fs-24 {
	font-size: 24px
}

.fs-26 {
	font-size: 26px
}

.fs-28 {
	font-size: 28px
}

.fs-30 {
	font-size: 30px
}

.fs-32 {
	font-size: 32px
}

.fs-36 {
	font-size: 36px
}

.fs-48 {
	font-size: 48px
}

.fs-64 {
	font-size: 64px
}

.fs-0 {
	font-size: 0;
	letter-spacing: -5px
}

.ls-n {
	letter-spacing: normal
}

.fstyle-i {
	font-style: italic
}

.fstyle-n {
	font-style: normal
}

.fstyle-o {
	font-style: oblique
}

.fw-300 {
	font-weight: 300
}

.fw-400 {
	font-weight: 400
}

.fw-500 {
	font-weight: 500
}

.fw-600 {
	font-weight: 600
}

.w-960 {
	width: 960px
}

.w-1000 {
	width: 1000px
}

.w-1100 {
	width: 1100px
}

.w-1200 {
	width: 1200px
}

.ve-t {
	vertical-align: top
}

.ve-m {
	vertical-align: middle
}

.ve-b {
	vertical-align: bottom
}

.badge, .label, .progress-circle-bg, .table-box td>input[type=checkbox],
	.table-box th>input[type=checkbox], .tips-icon {
	vertical-align: middle
}

.dp-b {
	display: block
}

.dp-ib {
	display: inline-block
}

.dp-n {
	display: none
}

.dp-t {
	display: table
}

.dp-tc {
	display: table-cell
}

.dp-tr {
	display: table-row
}

.dp-ri {
	display: run-in
}

.dp-f {
	display: -moz-box;
	display: flex;
	display: -webkit-flex
}

.dp-if {
	display: -moz-inline-box;
	display: inline-flex
}

.dp-it {
	display: inline-table
}

.dp-li {
	display: list-item
}

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.cl:after, .cl:before {
	content: "";
	display: table;
	font: 0/0 a
}

.cl:after {
	clear: both
}

.c-fff {
	color: #fff
}

.fl {
	float: left
}

.fr {
	float: right
}

.fn {
	float: none
}

.ps-f {
	position: fixed
}

.ps-a {
	position: absolute
}

.dll-grid, .ps-r, .tips-icon {
	position: relative
}

.tc {
	text-align: center
}

.tl {
	text-align: left !important
}

.tr {
	text-align: right !important
}

.tj {
	text-align: justify !important
}

.dll-row {
	width: 100%;
	margin-bottom: 15px
}

.dll-col {
	float: left
}

.dll-col+.dll-col {
	margin-left: 15px
}

.dll-col-1 {
	width: 7.234%
}

.dll-col-2 {
	width: 15.612%
}

.dll-col-3 {
	width: 24.051%
}

.dll-col-4 {
	width: 32.489%
}

.dll-col-5 {
	width: 40.928%
}

.dll-col-6 {
	width: 49.367%
}

.dll-col-7 {
	width: 57.806%
}

.dll-col-8 {
	width: 66.245%
}

.dll-col-9 {
	width: 74.684%
}

.dll-col-10 {
	width: 83.122%
}

.dll-col-11 {
	width: 91.561%
}

.dll-col-12 {
	width: 100%
}

.tips-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-left: 5px
}

.tips-icon .dialog-warp {
	position: absolute;
	font-size: 12px;
	color: #646464;
	width: 200px;
	line-height: 1.5;
	display: none
}

.tips-icon .dialog-warp .dialog-box {
	display: inline-block;
	position: relative;
	width: 97%;
	padding: 3%;
	background: #FAFAFA;
	border: 1px solid #c9c9c9;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
	z-index: 999
}

.tips-icon .dialog-warp.right .dialog-box:after, .tips-icon .dialog-warp.right .dialog-box:before
	{
	content: "";
	height: 0;
	width: 0;
	border-top: 10px dashed transparent;
	border-bottom: 10px dashed transparent
}

.tips-icon .dialog-warp.right {
	top: 50%;
	left: 25px
}

.tips-icon .dialog-warp.right .dialog-box:after, .tips-icon .dialog-warp.right .dialog-box:before
	{
	position: absolute;
	top: 50%;
	margin-top: -10px
}

.tips-icon .dialog-warp.right .dialog-box:before {
	left: -10px;
	border-right: 10px solid #ccc
}

.tips-icon .dialog-warp.right .dialog-box:after {
	left: -8px;
	border-right: 10px solid #fff
}

.tips-icon .dialog-warp.top {
	bottom: 25px;
	width: 180px;
	margin-left: -79px
}

.tips-icon .dialog-warp.top .dialog-box:after, .tips-icon .dialog-warp.top .dialog-box:before
	{
	content: "";
	height: 0;
	width: 0;
	border-left: 10px dashed transparent;
	border-right: 10px dashed transparent;
	position: absolute;
	left: 50%;
	margin-left: -10px
}

.tips-icon .dialog-warp.top .dialog-box:before {
	bottom: -10px;
	border-top: 10px solid #ccc
}

.tips-icon .dialog-warp.top .dialog-box:after {
	bottom: -8px;
	border-top: 10px solid #fff
}

.progress-circle-bg {
	width: 130px;
	height: 130px;
	position: relative;
	display: table-cell;
	text-align: center
}

.progress-circle-bg canvas {
	position: absolute;
	left: 0;
	top: 0
}

.progress-circle-bg .progress-circle-txt {
	display: inline-block;
	width: 60px;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px
}

.layui-right {
	float: right
}

.layui-left {
	float: left
}

.layui-header {
	background-color: #393D49;
	height: 60px !important;
	border-bottom: 5px solid #4E5465
}

.layui-header .layui-nav.nav .layui-nav-item a {
	color: #000;
	font-size: 18px;
	margin-top: 5px
}

.layui-header .user {
	margin-top: 5px;
	height: 50px;
	padding: 5px;
	position: relative
}

.layui-header .user img {
	height: 100%;
	margin-top: -5px
}

.layui-header .user .user-nav {
	position: absolute;
	right: 10px;
	top: 50px;
	width: 100px;
	border: 1px solid #4E5465;
	border-radius: 0;
	display: none;
	background: #fff
}

.layui-header .user .user-nav .user-nav-item a {
	font-size: 12px;
	display: block;
	padding: 10px
}

.layui-header .user .user-nav .user-nav-item:hover {
	background: #4E5465
}

.layui-header .user .user-nav .user-nav-item:hover a {
	color: #EEE
}

.layui-header .user:hover .user-nav {
	display: block
}

.layui-side .layui-nav {
	border-radius: 0;
	min-height: 100%
}

.layui-side .layui-nav .layui-nav-item a>label {
	cursor: pointer
}

.layui-body {
	top: 60px !important;
	padding: 0 10px;
	bottom: 0 !important
}

.layui-form-onswitch, .layui-form-switch {
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.layui-tab-card>.layui-tab-title li {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.layui-top-nav .layui-nav .layui-nav-item {
	line-height: 55px !important
}

#tabContainers iframe {
	width: 100%;
	border: none
}

.layui-tab-card>.layui-tab-title .layui-this {
	background: #009688 !important;
	color: #fff !important
}

.layui-tab-card>.layui-tab-title .layui-this .layui-tab-close {
	color: #fff
}

.layui-tab-card>.layui-tab-title .layui-this .layui-tab-close:hover {
	background-color: #FF5722;
	border-radius: 50%
}

.login-warp {
	width: 100%;
	background: url(../imgs/upload/bg.jpg) no-repeat fixed;
	background-size: cover
}

.login-warp .login-box {
	width: 300px;
	height: 200px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -100px
}

.login-warp .btn-submit {
	width: 190px
}

.user-show {
	background-color: #5bacb6;
	zoom: 1;
	clear: both;
	width: 100%
}

.user-show .user-photo {
	position: absolute
}

.user-show .user-photo img.l {
	width: 64px;
	height: 64px
}

.user-show .user-info {
	margin-left: 80px
}

.user-detail .table {
	line-height: 1.8
}

.user-detail .table th {
	text-align: right;
	font-weight: 400
}

.user-add .layui-form-label {
	width: 100px
}

table.dataTable {
	border-collapse: separate;
	border-spacing: 0;
	clear: both
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center
}

table.dataTable thead .sorting {
	background-image: url(../imgs/common/sort_both.png)
}

table.dataTable thead .sorting_asc {
	background-image: url(../imgs/common/sort_asc.png)
}

table.dataTable thead .sorting_desc {
	background-image: url(../imgs/common/sort_desc.png)
}

.dataTable td.sorting_1 {
	background-color: #f5fafe
}

.dataTables_wrapper .dataTables_length {
	float: left;
	padding-bottom: 10px
}

.dataTables_wrapper .dataTables_length .select {
	width: 50px
}

.dataTables_wrapper .dataTables_filter {
	float: right;
	text-align: right
}

.dataTables_wrapper .dataTables_filter .input-text {
	width: auto
}

.dataTables_wrapper .dataTables_info {
	clear: both;
	float: left;
	padding-top: 10px;
	font-size: 14px;
	color: #666
}

.dataTables_wrapper .dataTables_paginate {
	float: right;
	padding-top: 10px;
	text-align: right
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	border: 1px solid #ccc;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	color: #666;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	margin: 0 0 6px 6px;
	padding: 0 10px;
	font-size: 14px
}

.dataTables_wrapper {
	margin-top: 20px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #009688;
	color: #fff
}

.table-box {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: separate;
	margin-top: 0;
	border-left: 0
}

.table-box tbody td, .table-box thead th {
	border-left: 1px solid #ddd;
	text-align: center
}

.table-box thead th {
	font-size: 15px;
	font-weight: 400;
	white-space: nowrap;
	line-height: 36px;
	padding: 0 10px 0 3px
}

.table-box thead th:first-child {
	padding: 0
}

.table-box tbody td {
	border-top: 1px solid #ddd;
	padding: 8px 5px;
	font-size: 13px;
	line-height: 20px
}

.table-box tbody tr.odd {
	background-color: #fff
}

.table-box tbody tr.even {
	background-color: #f9f9f9
}

.table-box td, .table-box th {
	min-width: 35px;
	max-width: 400px
}

.table-box tbody tr:nth-child(odd) {
	background-color: #fff
}

.table-box tbody tr:nth-child(even) {
	background-color: #f9f9f9
}

.table-box tbody tr:hover {
	background-color: #f5f5f5
}

.table-box .td-handle .handle-btn {
	cursor: pointer;
	margin: 0 2px
}

.dataTables_filter input[type=search] {
	width: 150px;
	margin-left: 5px;
	padding-left: 10px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	border-radius: 2px;
	height: 32px;
	line-height: 32px;
	line-height: 30px\9
}

.dataTables_length select {
	height: 32px;
	width: 50px;
	border: 1px solid #e6e6e6
}

.pdut-thumbnail {
	width: 40px
}

.product-add .layui-form-label {
	width: 100px
}

.product-add .layui-form-label+.layui-input-block {
	margin-left: 100px
}

.layui-body .sorts-box {
	width: 150px;
	position: absolute
}

.layui-body .sorts-box+.sorts-table {
	margin-left: 150px
}

.oneline {
	line-height: auto;
	height: auto;
	white-space: nowrap;
	text-overflow: ellipsis
}

.layui-btn.btn-default {
	background-color: #28B779
}

.layui-layer-btn a {
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.layui-layout-admin .layui-side {
	top: 60px !important
}

.btn-add>label {
	font-family: "微软雅黑";
	margin-left: 3px;
	font-size: 16px;
	line-height: 1;
	cursor: pointer
}

.layui-breadcrumb>a {
	padding-right: 8px;
	line-height: 22px;
	font-size: 16px;
	color: #333 !important
}

.handle-box .handle-item {
	margin: 5px 0;
	overflow: hidden
}

.handle-box .handle-item .fr {
	line-height: 38px
}

.handle-item .layui-form-label {
	width: auto
}

.table-box .btn-showuser {
	cursor: pointer
}

.layui-page {
	text-align: right
}

.badge, .label {
	display: inline-block;
	padding: 2px 4px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	white-space: nowrap;
	background-color: #999
}

.label.radius {
	border-radius: 3px
}

.badge {
	padding-right: 9px;
	padding-left: 9px;
	border-radius: 9px
}

.badge:empty, .label:empty {
	display: none
}

a.badge:focus, a.badge:hover, a.label:focus, a.label:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.badge-default, .badge-default[href], .label-default, .label-default[href]
	{
	background-color: #e6e6e6;
	color: #333
}

.badge-primary, .badge-primary[href], .label-primary, .label-primary[href]
	{
	background-color: #5a98de
}

.badge-secondary, .badge-secondary[href], .label-secondary,
	.label-secondary[href] {
	background-color: #3bb4f2
}

.badge-success, .badge-success[href], .label-success, .label-success[href]
	{
	background-color: #5eb95e
}

.badge-warning, .badge-warning[href], .label-warning, .label-warning[href]
	{
	background-color: #f37b1d
}

.badge-danger, .badge-danger[href], .btn-danger, .label-danger,
	.label-danger[href] {
	background-color: #dd514c
}

.btn-danger {
	color: #fff;
	border-color: #dd514c
}

@media only screen and (min-width:1366px) and (max-width:1600px) {
	.layui-nav-tree, .layui-side {
		width: 140px !important
	}
	.layui-body {
		left: 140px !important
	}
}

@media only screen and (min-width:980px) and (max-width:1366px) {
	.layui-nav-tree, .layui-side {
		width: 120px !important
	}
	.layui-body {
		left: 120px !important
	}
}

.icon-i-b {
	display: inline-block;
	background-image: url('../imgs/common/sprite.png');
	background-position: 0px 0px;
	width: 16px;
	height: 16px;
}

.icon-i-w {
	display: inline-block;
	background-image: url('../imgs/common/sprite.png');
	background-position: -16px 0px;
	width: 16px;
	height: 16px;
}